<div class="video-container">
    <video
        class="video-js vjs-big-play-centered vjs-theme-fantasy"
        controls
        preload="auto"
        {%
        if
        include.thumbnail
        %}
        poster="{{ site.url }}/{{ include.thumbnail }}"
        {%
        endif
        %}
        data-setup='{"autoplay": false, "controls": true, "aspectRatio": "16:9", "fluid": true}'
    >
        <source
            src="{{ include.src }}/manifest/video.m3u8"
            type="application/x-mpegURL"
        />
        <source
            src="{{ include.src }}/manifest/video.mpd"
            type="application/dash+xml"
        />
        <p class="vjs-no-js">
            To view this video please enable JavaScript, and consider upgrading to a web browser that
            <a
                href="https://videojs.com/html5-video-support/"
                target="_blank"
            >
                supports HTML5 video
            </a>
        </p>
    </video>
</div>
